<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>列表</title>
    <link rel="stylesheet" href="css/vant.min.css">
    <link rel="stylesheet" href="css/element-ui.css">
    <link rel="stylesheet" href="css/public.css?v=1.0.1">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/hazardReminder.css?v=1.0.3">
</head>

<body>
    <div id="app">
        <div class="flex-col page">
            <div class="flex-col flex-auto group_2">
                <div class="flex-row items-center group_3" style="justify-content: space-between;">
                    <div class="section">
                        <form action="/">
                            <van-search v-model="searchValue" @change="charactersSearch()" placeholder="请输入搜索关键词" />
                        </form>
                    </div>
                    <div class="ub-hzz_search" @click="search">
                        <span v-show="!isSearching">搜索</span>
                        <i v-show="isSearching" class="el-icon-loading" style="display:none ;"></i>
                    </div>
                </div>
                <!-- 2023年第3季度共3个隐患 -->
                <div class="ub-hr_yh_title" style="display: none;" v-show="is_standard == 1">
                    <div class="ub-tags">
                        <div class="ub-tag" @click="changeQuarter('')" :class="{active:is_quarter==''}">全部</div>
                        <div class="ub-tag" @click="changeQuarter(1)" :class="{active:is_quarter==1}">本季度</div>
                        <div class="ub-tag" @click="changeQuarter(2)" :class="{active:is_quarter==2}">过往</div>
                    </div>
                    <div class="ub-con">
                        <span v-show="is_quarter==1"><span v-cloak>{{year}}</span>年第<span
                                v-cloak>{{quarter}}</span>季度</span>
                        共<span v-cloak>{{total}}</span>个隐患
                    </div>
                </div>
                <div class="flex-col list" v-if="list.length != 0" v-cloak>
                    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
                        <div class="flex-col group_4" v-for="(item,index) in list" :key="index">
                            <div class="flex-row items-center space-x-10">
                                <span class="font_1" v-cloak>{{item.place_name}}</span>
                                <img class="image_7" v-if="item.is_small_place==1" v-cloak
                                    src="images/place9xiao.png" />
                            </div>
                            <div class="flex-row justify-between items-end">
                                <div class="flex-row space-x-10 ub-lein">
                                    <img class="shrink-0 image_7 image_8" src="images/placeLocation.png" />
                                    <div class="font_4" v-cloak>{{item.address}}</div>
                                </div>
                                <div class="flex-col justify-start items-center text-wrapper"
                                    @click="gorRecordDetails(item.check_id)">
                                    <span class="font_3">查看详情</span></div>
                            </div>
                            <div class="flex-col group_5 space-y-12">
                                <!-- <span class="self-start font_5" v-cloak>时间</span> -->
                                <div class="flex-col justify-start text-wrapper_2" style="padding-left: 6px;">
                                    <div class="ub-jcsj_p">
                                        <div class="ub-text_1">
                                            检查时间：
                                        </div>
                                        <div class="ub-text_2" v-if="item.last_check_time_cn" v-cloak>
                                            {{item.last_check_time_cn}}
                                        </div>
                                        <div class="ub-text_2" v-if="!item.last_check_time_cn" v-cloak>
                                            暂无
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </van-list>
                </div>
                <div class="flex-col list" v-if="list.length == 0" v-cloak>
                    <div class="ub-div">
                        <img src="images/noData.png" class="ub-noData_img" alt="">
                        <p class="ub-noData_text">暂无数据</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="ub-goBack" @click="goHome()" style="bottom: 160px;">
            <img src="images/navIcon1.png" alt="" class="ub-goBack_img">
            <div class="ub-goBack_text">返回首页</div>
        </div>
        <div class="ub-goBack" v-show="backTop" @click="topclick" style="bottom: 80px;">
            <img src="images/goTop.png" alt="" class="ub-goBack_img">
            <div class="ub-goBack_text">返回顶部</div>
        </div>

        <!-- <van-popup v-model="showScreen" position="bottom" round class="ub-screen">
            <div class="flex-col section_5_1 space-y-40_1">
                <div class="flex-col space-y-20_1">
                    <div class="flex-col space-y-10_1">
                        <div class="flex-row justify-center items-center relative group_5_1">
                            <span class="text_7_1">筛选</span>
                            <img class="image_7_1 pos_4_1" src="images/x.png" @click="closeSelect()" />
                        </div>
                    </div>
                </div>
                <div class="space-y-20_1 ub-popup_con_1">
                    <div class="flex-col group_6_1 space-y-20_1" v-cloak v-for="(item,index) in selceList">
                        <div v-if="item.name == '风险等级'">
                            <span class="self-start font_3_1">{{item.name}}</span>
                            <div class="flex-row" style="flex-wrap: wrap;margin-top: 10px;">
                                <div class="flex-col text-wrapper_2_1x" :class="indexd == riskIndex?'ub-select_in':''"
                                    v-cloak v-for="(va,indexd) in item.data" :key="indexd"
                                    style="justify-content: center;" @click="select(indexd,va.uuid,'risk')">
                                    {{va.name}}
                                </div>
                            </div>
                        </div>
                        <div v-if="item.name == '整改时限'">
                            <span class="self-start font_3_1">{{item.name}}</span>
                            <div class="flex-row" style="flex-wrap: wrap;margin-top: 10px;">
                                <div class="flex-col text-wrapper_2_1x" :class="indexd == timeIndex?'ub-select_in':''"
                                    v-cloak v-for="(va,indexd) in item.data" :key="indexd"
                                    style="justify-content: center;" @click="select(indexd,va.uuid,'time')">
                                    {{va.name}}
                                </div>
                            </div>
                        </div>
                        <div v-if="item.name == '行业'">
                            <span class="self-start font_3_1">{{item.name}}</span>
                            <div class="flex-row" style="flex-wrap: wrap;margin-top: 10px;">
                                <div class="flex-col text-wrapper_2_1x"
                                    :class="indexd == industryIndex?'ub-select_in':''" v-cloak
                                    v-for="(va,indexd) in item.data" :key="indexd" style="justify-content: center;"
                                    @click="select(indexd,va.uuid,'industry',va.children)">
                                    {{va.name}}
                                </div>
                            </div>
                            <div v-if="businessShow" v-cloak>
                                <span class="self-start font_3_1">主营业务</span>
                                <div class="flex-row" style="flex-wrap: wrap;margin-top: 10px;">
                                    <div class="flex-col text-wrapper_2_1x"
                                        :class="index == businessIndex?'ub-select_in':''" v-cloak
                                        v-for="(item,index) in businessList" :key="index"
                                        style="justify-content: center;" @click="select(index,item.uuid,'business')">
                                        {{item.name}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div v-if="item.name == '社区'">
                            <span class="self-start font_3_1">{{item.name}}</span>
                            <div class="flex-row" style="flex-wrap: wrap;margin-top: 10px;">
                                <div class="flex-col text-wrapper_2_1x"
                                    :class="indexd == communityIndex?'ub-select_in':''" v-cloak
                                    v-for="(va,indexd) in item.data" :key="indexd" style="justify-content: center;"
                                    @click="select(indexd,va.uuid,'community')">
                                    {{va.name}}
                                </div>
                            </div>
                        </div>
                        <div v-if="item.name == '安全员'">
                            <span class="self-start font_3_1">{{item.name}}</span>
                            <div class="flex-row" style="flex-wrap: wrap;margin-top: 10px;">
                                <div class="flex-col text-wrapper_2_1x" v-cloak
                                    :class="indexd == safetyIndex?'ub-select_in':''" v-for="(va,indexd) in item.data"
                                    :key="indexd" style="justify-content: center;"
                                    @click="select(indexd,va.uuid,'safety')">
                                    {{va.name}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="flex-row section_8_1 space-x-30_1">
                    <div class="flex-col justify-start items-center text-wrapper_3_1" @click="resetting()">
                        <span class="font_5_1 text_10_1">重置</span>
                    </div>
                    <div class="flex-col justify-start items-center button_1_1" @click="determine()">
                        <span class="font_5_1 text_11_1">确定</span>
                    </div>
                </div>
            </div>
        </van-popup> -->

        <!-- <div class="ub-login_box" v-if="loadShow" v-colak>
            <van-loading size="24px" color="#0094ff" text-color="#0094ff" class="ub-login_po" vertical>加载中...
            </van-loading>
        </div> -->
    </div>


    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vant.min.js"></script>
    <script src="js/element-ui.js"></script>
    <script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/flv.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/wxPublic.js?v=12.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/g-tConversion.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/t-gConversion.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/tdApi.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/hazardReminder.js?v=1.0.9"></script>
</body>

</html>